<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ajax</title>
</head>
<body>
    
    <!-- 引入jQuery.js -->
    <script src="jQuery.js"></script>
    <script>
        // $是jQuery的简称，表示调用jQuery对象中的ajax函数
        $.ajax({
            type:'get',
            url:'https://baidu.com',
            success: function(body) {
                // success对应一个回调函数
                // 这个函数会在正确获取到 HTTP 响应之后，来调用
                // "异步"
                // 回调函数的参数，就是 HTTP 响应的body部分
                console.log('获取到响应数据!' + body);
            },
            error: function(body) {
                // error也对应一个回调函数
                // 这个函数会在请求失败后触发
                // "异步"
                console.log('获取响应失败!');
            }
        });
    </script>
</body>
</html>